<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Developed By M Abdur Rokib Promy">
<meta name="author" content="cosmic">
<meta name="keywords" content="Bootstrap 3, Template, Theme, Responsive, Corporate, Business">
<link rel="shortcut icon" href="${Prefix}images/favicon.png">
<title>
<#if Site.seoTitle?? && Site.seoTitle !="">${Site.seoTitle}<#else>${Site.name}</#if>
</title>
<link href="${Prefix}node_modules/animate.css/animate.min.css" rel="stylesheet" >
<link href="${Prefix}node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="${Prefix}node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="${Prefix}node_modules/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
<link href="${Prefix}node_modules/swiper/dist/css/swiper.min.css" rel="stylesheet" >

<link href="${Prefix}css/main.css" rel="stylesheet">
<link href="${Prefix}css/header.css" rel="stylesheet">
<link href="${Prefix}css/footer.css" rel="stylesheet">
<link href="${Prefix}css/details.css" rel="stylesheet">

<script src="${Prefix}node_modules/jquery/dist/jquery.min.js"></script>
<script src="${Prefix}node_modules/wowjs/dist/wow.min.js"></script>
<script src="${Prefix}node_modules/swiper/dist/js/swiper.min.js"></script>
<script src="${Prefix}node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="${Prefix}node_modules/less/dist/less.js"></script>
<script src="${Prefix}node_modules/vue/dist/vue.js"></script>
<script src="${Prefix}node_modules/element-ui/lib/index.js"></script>


<script type="text/javascript" id="main-js-extra">
/* <![CDATA[ */
var _xy_cms = {
  prefix: '${Prefix}',
  resource_prefix: '${ResourcePrefix}',
  api_prefix: '${ApiPrefix}',
  front_prefix: '${IsPreview?then(ApiPrefix, Prefix)}',
  member_resource_prefix: '${sysConfig("MemberResourcePrefix")!''}',
  site_id: '${Site.siteId}',
  catalog_id: '${Catalog.catalogId}',
  content_id: '${Content.contentId}',
  site_id: '${Site.siteId}',
  publish_pipe: '${PublishPipeCode}',
  preview: '${IsPreview?string}' == 'true'
}
var _wpcom_js = { "webp": "", "ajaxurl": "", "theme_url": "", "slide_speed": "5000", "is_admin": "0", "js_lang": { "copy_done": "\u590d\u5236\u6210\u529f\uff01", "copy_fail": "\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd", "confirm": "\u786e\u5b9a", "qrcode": "\u4e8c\u7ef4\u7801", "page_loaded": "\u5df2\u7ecf\u5230\u5e95\u4e86", "no_content": "\u6682\u65e0\u5185\u5bb9", "load_failed": "\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01", "expand_more": "\u9605\u8bfb\u5269\u4f59 %s" }, "lightbox": "1", "post_id": "36029", "user_card_height": "356", "poster": { "notice": "\u8bf7\u957f\u6309\u4fdd\u5b58\u56fe\u7247\uff0c\u5c06\u5185\u5bb9\u5206\u4eab\u7ed9\u66f4\u591a\u597d\u53cb", "generating": "\u6b63\u5728\u751f\u6210\u6d77\u62a5\u56fe\u7247...", "failed": "\u6d77\u62a5\u56fe\u7247\u751f\u6210\u5931\u8d25" }, "video_height": "482", "fixed_sidebar": "1", "dark_style": "0", "font_url": "..\/css\/fonts.9b34824582affe8e.css", "follow_btn": "<i class=\"wpcom-icon wi\"><svg aria-hidden=\"true\"><use xlink:href=\"#wi-add\"><\/use><\/svg><\/i>\u5173\u6ce8", "followed_btn": "\u5df2\u5173\u6ce8", "user_card": "1" };
/* ]]> */
</script>
<script type="text/javascript">
(function () {
  var q = [];
  q.push('sid=${Site.siteId}');
  if (_xy_cms.catalog_id) q.push('cid=' + _xy_cms.catalog_id);
  if (_xy_cms.content_id) q.push('id=' + _xy_cms.content_id);
  var s = document.createElement("script");
  s.src = '${ApiPrefix}api/stat/visit?' + q.join('&');
  (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(s);
})();
</script>
</head>

<body class="details">
<@cms_include ssi="false"file="quick_nva.template.html"></@cms_include>
<!--header start-->
<@cms_include ssi="false"file="header.template.html"></@cms_include>
<!--header end-->
<#assign firstAncestor = Catalog.ancestors?split(':')[0]>

<@cms_catalog id="${firstAncestor}" level="Self">
<#list DataList as c1>
<#assign aliasVar = c1.alias>
</#list>
</@cms_catalog>

<@cms_catalog id="${firstAncestor}" level="Self">
<#list DataList as c1>
<div class="banner" style="background-image: url('${internalUrl(c1.logo)}');">
  <div class="container wow fadeInLeft">
  	<div class="row">
      <div class="col-lg-12" >
        <div class="text">
          <div class="text1">${c1.name}</div>
          <div class="text2">${c1.description}</div>
        </div>
      </div>
    </div>
  </div>
</div>
</#list>
</@cms_catalog>

<div class="container wow fadeInLeft">
  <div class="row">
    <div class="col-lg-12" >
      <div class="breadcrumbs">
        <#list Catalog.ancestors?split(':') as cid>
            <#assign currentIndex = Catalog.ancestors?split(':')?seq_index_of(cid)>
            <#assign totalLength = Catalog.ancestors?split(':')?size>
            <#if currentIndex == (totalLength - 1)>
              <@cms_catalog id="${cid}" level="Self">
                <#list DataList as c1>
                  ${c1.name}
                </#list>
              </@cms_catalog>
            <#else>
              <@cms_catalog id="${cid}" level="Self">
                <#list DataList as c1>
                  ${c1.name}>
                </#list>
              </@cms_catalog>
            </#if>
        </#list>
      </div>
    </div>
  </div>
</div>

<div class="container wow fadeInLeft">
  <div class="row article">
    <#if aliasVar == 'news' || aliasVar == 'construction'>
    <div class="col-lg-8" >
    <#else>
    <div class="col-lg-12">
    </#if>
      <div class="article-title">
        <#if Content.title?has_content>
        ${Content.title} 
        <#else>
        -
        </#if>
      </div>
      <div class="article-info">
        <#if Content.source?has_content>
        <div>来源：${Content.source}</div> 
        <#else>
        <div>来源：-</div> 
        </#if>

        <#if Content.publishDate?has_content>
        <div>发布时间：${dateFormat(Content.publishDate,"yyyy-MM-dd")}</div> 
        <#else>
        <div>发布时间：-</div> 
        </#if>

        <#if Content.viewCount?has_content>
        <div>浏览量：${Content.viewCount}</div>
        <#else>
        <div>浏览量：-</div>
        </#if>
        
      </div>
      <div class="article-content">
        <@cms_article contentId="${Content.contentId}">
            ${htmlInternalUrl(ArticleContent)}
        </@cms_article>
      </div>


      <@cms_content_closest contentid="${Content.contentId}" type="prev" sort="Recent">
      <#list DataList as c>
        <p>上一篇：
          <a href="${c.link}" rel="prev" target="_blank" rel="noopener noreferrer">${c.title}</a>
        </p>
      </#list>
      </@cms_content_closest>

      <@cms_content_closest contentid="${Content.contentId}" type="next" sort="Recent">
      <#list DataList as c>
        <p>下一篇：
          <a href="${c.link}" rel="next" target="_blank" rel="noopener noreferrer">${c.title}</a>
        </p>
      </#list>
      </@cms_content_closest>
    </div>

    <#if aliasVar == 'news' || aliasVar=='construction'>
    <div style="display: flex;">
      <div style="flex: 2;"></div>
      <div class="article-about" style="flex: 4;">
        <div class="article-about-title">相关阅读</div>
        <#if Content.keywords?has_content>
          <@cms_search_content catalogid="${Catalog.catalogId}" query="${Content.keywords?join(',')}" size="3">
            <#list DataList as content>
            <div class="article-about-text">
              <a href="${internalUrl(content.link)}" target="_blank" rel="noopener noreferrer">
                ${content.title} 
              </a>
            </div>
            <div class="article-about-time">${dateFormat(content.publishDateInstance,"yyyy-MM-dd HH:mm:ss")}</div>
            </#list>
          </@cms_search_content >
        </#if>
      </div>
    </div>

    </div>
    </#if>
  </div>
</div>

<@cms_include ssi="false"file="footer.template.html"></@cms_include>
</body>
</html>